{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros-protocol.html" import picto with context %}

{% extends "base-protocol-mozilla.html" %}

{% block page_title %}Contacts, Spaces and Communities{% endblock %}
{% block body_id %}contact-spaces{% endblock %}

{% block page_css %}
  {{ css_bundle('protocol-picto') }}
  {{ css_bundle('contact-spaces') }}
{% endblock %}

{% block content %}

<main id="main-content">
  <div class="mzp-l-content mzp-t-content-xl">
    <header class="page-head">
      <h1 class="page-title"><span>Where is Mozilla?</span></h1>
      <p class="help">
      {% with link_sumo='https://support.mozilla.org/' %}
        Need help with Firefox? <a href="{{ link_sumo }}">Get it on our support site</a>
      {% endwith %}
      </p>
    </header>

    <div class="hero-image">
      {{ resp_img(
        url='img/contact/toronto-office-700.jpg',
        srcset={
        'img/contact/toronto-office-700.jpg': '700w',
        'img/contact/toronto-office-1200.jpg': '1200w',
      },
        optional_attributes={
        }
    )}}
    </div>

    <div class="page-content">
      {% block tab_navigation %}
        {% include 'mozorg/contact/includes/tab-nav.html' %}
      {% endblock %}

      {% block contact_main %}{% endblock %}

      {% block meta_category %}{% endblock %}

    </div>{# end page-content #}

  </div>
</main>

{% endblock %}
